<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap模板</title>
    <meta charset="UTF-8">
    <!-- 表示根据设备的大小调整页面显示的宽度-->
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <!--  Bootstrap需要jQuery的支持  导入jQuery开发包-->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <!--导入三个需要的包。【？】-->
</head>
<body><br><br><br><br><br>
<!--bootstrap：搜索框 -->
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="请输入检索关键字">
                <span class="input-group-btn">
                    <button class="btn btn-primary">检索</button>
                </span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
---------------------
作者：pangqiandou
来源：CSDN
原文：https://blog.csdn.net/pangqiandou/article/details/76383161
版权声明：本文为博主原创文章，转载请附上博文链接！